<?php
require_once __DIR__ . '/core/helpers.php';
require_once __DIR__ . '/core/db.php';
require_once __DIR__ . '/core/site.php';
require_once __DIR__ . '/core/pages.php';
require_once __DIR__ . '/core/seo.php';

$site = zw_get_site('coilhook');
if (!$site) {
  http_response_code(500);
  exit('Site not found');
}

$page = zw_get_page_by_key((int)$site['id'], 'home');
if (!$page) {
  http_response_code(404);
  exit('Page not found');
}

$seo = zw_get_seo_meta((int)$page['id']);

$features = [
  ['icon'=>'⚙', 'title'=>'طراحی کاملاً سفارشی', 'text'=>'طراحی سی هوک بر اساس ظرفیت، کلاس کاری، ارتفاع بالابری، شرایط محیطی و نیاز واقعی پروژه.'],
  ['icon'=>'◈', 'title'=>'مدل‌سازی سه‌بعدی', 'text'=>'مدل‌سازی، بررسی ابعادی و شبیه‌سازی قبل از تولید برای کاهش خطای اجرایی و افزایش دقت ساخت.'],
  ['icon'=>'▲', 'title'=>'ظرفیت 10 تا 320 تن', 'text'=>'پوشش ظرفیت‌های صنعتی سبک تا فوق‌سنگین برای جرثقیل‌های سقفی و دروازه‌ای.'],
  ['icon'=>'M', 'title'=>'کلاس کاری M4 تا M7', 'text'=>'طراحی متناسب با سیکل کاری، شدت کارکرد، تعداد استارت و شرایط بهره‌برداری صنعتی.'],
  ['icon'=>'✓', 'title'=>'استاندارد ISO / FEM', 'text'=>'طراحی و انتخاب تجهیزات بر اساس اصول مهندسی و استانداردهای معتبر بین‌المللی.'],
  ['icon'=>'■', 'title'=>'Heavy Duty واقعی', 'text'=>'مناسب صنایع فولاد، نفت و گاز، پتروشیمی، معدن، سیمان، نیروگاه و بنادر.'],
  ['icon'=>'✦', 'title'=>'قطعات معتبر جهانی', 'text'=>'قابلیت تجهیز با برندهایی مثل ABB، SEW، Siemens، Schneider، SKF، FAG و Gustav Wolf.'],
  ['icon'=>'●', 'title'=>'پشتیبانی تخصصی', 'text'=>'مشاوره، طراحی، ساخت، نصب، راه‌اندازی، تأمین قطعات و خدمات پس از فروش.'],
];

$products = [
  ['title'=>'سی هوک تک قلاب', 'img'=>zw_asset('images/home/coilhook-single.png'), 'text'=>'راهکار مهندسی برای جرثقیل‌های صنعتی عمومی، خطوط تولید و پروژه‌های با نیاز به لیفت استاندارد.'],
  ['title'=>'سی هوک دو قلاب', 'img'=>zw_asset('images/home/coilhook-double.png'), 'text'=>'مناسب باربرداری پایدار، پروژه‌های سنگین و کاربردهایی که نیاز به کنترل همزمان دارند.'],
  ['title'=>'سی هوک سه قلاب', 'img'=>zw_asset('images/home/coilhook-threehook.png'), 'text'=>'طراحی ویژه برای پروژه‌های خاص، بارهای ترکیبی و فرآیندهای صنعتی پیچیده.'],
  ['title'=>'سی هوک Heavy Duty', 'img'=>zw_asset('images/home/coilhook-heavy.png'), 'text'=>'برای محیط‌های سخت، سیکل کاری بالا، ظرفیت سنگین و بهره‌برداری مداوم صنعتی.'],
  ['title'=>'سی هوک سفارشی پروژه‌ای', 'img'=>zw_asset('images/home/coilhook-custom.png'), 'text'=>'طراحی اختصاصی بر اساس نقشه، شرایط سایت، محدودیت ابعادی و نیاز مهندسی پروژه.'],
];

$specs = [
  ['label'=>'ظرفیت', 'value'=>'تا 320 تن'],
  ['label'=>'ارتفاع بالابری', 'value'=>'تا 100 متر'],
  ['label'=>'کلاس کاری', 'value'=>'M4 تا M7'],
  ['label'=>'سیم بکسل', 'value'=>'1770 / 1960 / 2220'],
  ['label'=>'درام', 'value'=>'ST52 ماشینکاری و سختکاری شده'],
  ['label'=>'چرخ‌ها', 'value'=>'MO40 سختکاری شده'],
  ['label'=>'کاربری', 'value'=>'شرایط سخت صنعتی'],
  ['label'=>'استاندارد طراحی', 'value'=>'ISO / FEM'],
];

$brands = [
  ['name'=>'ABB', 'logo'=>'abb.png'],
  ['name'=>'SEW', 'logo'=>'sew.png'],
  ['name'=>'Siemens', 'logo'=>'siemens.png'],
  ['name'=>'Schneider', 'logo'=>'schneider.png'],
  ['name'=>'SKF', 'logo'=>'skf.png'],
  ['name'=>'Gustav Wolf', 'logo'=>'gustav-wolf.png'],
  ['name'=>'Yilmaz', 'logo'=>'yilmaz.png'],
  ['name'=>'Demag', 'logo'=>'demag.png'],
];

$services = [
  ['icon'=>'⌁','title'=>'طراحی مهندسی','text'=>'طراحی مکانیک، برق، انتخاب تجهیزات و آماده‌سازی مستندات فنی پروژه.'],
  ['icon'=>'⚒','title'=>'تعمیرات و بازسازی','text'=>'بازسازی سی هوک، بهینه‌سازی مکانیزم‌ها و کاهش توقفات خط تولید.'],
  ['icon'=>'⬡','title'=>'نصب و راه‌اندازی','text'=>'اجرای نصب، تست، راه‌اندازی و تحویل فنی مطابق الزامات پروژه.'],
  ['icon'=>'◉','title'=>'تأمین قطعات','text'=>'تأمین قطعات اصلی، مصرفی، الکتریکی، مکانیکی و تجهیزات یدکی.'],
  ['icon'=>'✓','title'=>'خدمات پس از فروش','text'=>'پشتیبانی فنی، سرویس دوره‌ای و پاسخگویی تخصصی پس از تحویل.'],
  ['icon'=>'▣','title'=>'آموزش و مستندات','text'=>'ارائه مستندات فنی، آموزش اپراتوری، نگهداری و بهره‌برداری ایمن.'],
];

$projects = [
  ['title'=>'مونتاژ صنعتی', 'img'=>zw_asset('images/home/project-assembly.png')],
  ['title'=>'تست و کنترل کیفیت', 'img'=>zw_asset('images/home/project-test.png')],
  ['title'=>'نصب و راه‌اندازی', 'img'=>zw_asset('images/home/project-install.png')],
];

$faqs = [
  ['q'=>'سی هوک صنعتی چیست؟','a'=>'سی هوک مجموعه‌ای از مکانیزم‌های بالابری شامل موتور، گیربکس، درام، ترمز، سیم بکسل، قلاب و کالسکه است که در جرثقیل‌های سقفی و دروازه‌ای برای جابه‌جایی بارهای صنعتی استفاده می‌شود.'],
  ['q'=>'سی هوک ACG برای چه ظرفیت‌هایی تولید می‌شود؟','a'=>'سی هوک‌های ACG بر اساس نیاز پروژه از ظرفیت‌های متوسط تا ظرفیت‌های سنگین و فوق‌سنگین، تا حدود 320 تن قابل طراحی و تولید هستند.'],
  ['q'=>'آیا طراحی سی هوک سفارشی انجام می‌شود؟','a'=>'بله. طراحی بر اساس ظرفیت، ارتفاع بالابری، دهانه، کلاس کاری، سرعت‌ها، شرایط محیطی، محدودیت ابعادی و استانداردهای پروژه انجام می‌شود.'],
  ['q'=>'چه استانداردهایی در طراحی رعایت می‌شود؟','a'=>'در طراحی و انتخاب تجهیزات، اصول مهندسی، الزامات ایمنی و استانداردهای معتبر مانند ISO و FEM در نظر گرفته می‌شود.'],
];
?>
<!doctype html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <?php zw_render_page_seo($page, $seo, $site); ?>
  <link rel="stylesheet" href="<?php echo zw_asset('css/style.css'); ?>">
  <link rel="stylesheet" href="<?php echo zw_asset('css/responsive.css'); ?>">
</head>
<body>

<?php require __DIR__ . '/components/header.php'; ?>

<main>

<section class="acg-hero" aria-label="سی هوک صنعتی ACG">
  <div class="acg-hero__media">
    <img src="<?php echo zw_asset('images/home/hero-coilhook.png'); ?>" alt="سی هوک صنعتی ACG برای جرثقیل سقفی و دروازه‌ای" width="1920" height="900" loading="eager" decoding="async">
    <div class="acg-hero__overlay"></div>
  </div>

  <div class="acg-hero__content">
    <span class="acg-eyebrow">ACG | More Than Motion...</span>
    <h1>سی هوک صنعتی ACG</h1>
    <p class="acg-hero__lead">
      طراحی و تولید تخصصی انواع سی هوک جرثقیل سقفی و دروازه‌ای مطابق استانداردهای بین‌المللی
    </p>
    <p class="acg-hero__text">
      سی هوک‌های ACG به‌صورت کاملاً سفارشی و متناسب با نیاز پروژه، ظرفیت، کلاس کاری و شرایط محیطی طراحی و تولید می‌شوند.
    </p>

    <div class="acg-hero__actions">
      <a class="acg-btn acg-btn--primary" href="<?php echo zw_path('contact-us'); ?>">دریافت مشاوره</a>
      <a class="acg-btn acg-btn--ghost" href="<?php echo zw_path('product'); ?>">مشاهده محصولات</a>
      <a class="acg-btn acg-btn--outline" href="<?php echo zw_path('contact-us'); ?>">درخواست استعلام قیمت</a>
    </div>
  </div>
</section>

<section class="acg-intro">
  <div class="acg-wrap">
    <div class="acg-intro__head">
      <span class="acg-section-kicker">درباره ACG</span>
      <h2>راهکار مهندسی برای لیفتینگ صنعتی سنگین</h2>
    </div>

    <div class="acg-intro__grid">
      <div class="acg-intro__image">
        <img src="<?php echo zw_asset('images/home/acg-engineering.png'); ?>" alt="مهندسی و طراحی سی هوک صنعتی ACG" width="1400" height="900" loading="lazy" decoding="async">
      </div>

      <div class="acg-intro__text">
        <p>گروه جرثقیل آرتیستون با نام تجاری <strong>ACG</strong> مجموعه‌ای تخصصی در زمینه طراحی و تولید تجهیزات لیفتینگ صنعتی، جرثقیل‌های صنعتی و انواع سی هوک می‌باشد.</p>
        <p>تمرکز ACG بر ارائه راهکارهای مهندسی، طراحی سفارشی، کیفیت ساخت صنعتی و استفاده از قطعات استاندارد و معتبر جهانی است.</p>
        <p>سی هوک‌های ACG در صنایع فولاد، نفت و گاز، پتروشیمی، سیمان، نیروگاه‌ها، معادن، بنادر و پروژه‌های صنعتی سنگین مورد استفاده قرار می‌گیرند.</p>
      </div>
    </div>
  </div>
</section>

<section class="acg-features">
  <div class="acg-wrap">
    <div class="acg-section-head">
      <span class="acg-section-kicker">مزیت رقابتی</span>
      <h2>چرا سی هوک ACG ؟</h2>
      <p>ترکیب طراحی مهندسی، ساخت صنعتی، قطعات معتبر و پشتیبانی تخصصی.</p>
    </div>

    <div class="acg-feature-grid">
      <?php foreach ($features as $item): ?>
      <article class="acg-feature-card">
        <div class="acg-feature-card__icon"><?php echo zw_e($item['icon']); ?></div>
        <h3><?php echo zw_e($item['title']); ?></h3>
        <p><?php echo zw_e($item['text']); ?></p>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="acg-products">
  <div class="acg-wrap">
    <div class="acg-section-head acg-section-head--dark">
      <span class="acg-section-kicker">Products</span>
      <h2>محصولات سی هوک ACG</h2>
      <p>طراحی برای ظرفیت، شرایط کاری و نیاز واقعی پروژه.</p>
    </div>

    <div class="acg-products-grid">
      <?php foreach ($products as $product): ?>
      <article class="acg-product-card">
        <div class="acg-product-card__media">
          <img src="<?php echo zw_e($product['img']); ?>" alt="<?php echo zw_e($product['title']); ?>" width="900" height="700" loading="lazy" decoding="async">
        </div>
        <div class="acg-product-card__overlay">
          <h3><?php echo zw_e($product['title']); ?></h3>
          <p><?php echo zw_e($product['text']); ?></p>
          <a href="<?php echo zw_path('product'); ?>">مشاهده محصول</a>
        </div>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="acg-specs">
  <div class="acg-wrap">
    <div class="acg-section-head">
      <span class="acg-section-kicker">Technical Data</span>
      <h2>مشخصات فنی کلی</h2>
      <p>مشخصات نهایی هر سی هوک بر اساس نیاز پروژه و محاسبات مهندسی تعیین می‌شود.</p>
    </div>

    <div class="acg-spec-table">
      <?php foreach ($specs as $spec): ?>
      <div class="acg-spec-item">
        <span><?php echo zw_e($spec['label']); ?></span>
        <strong><?php echo zw_e($spec['value']); ?></strong>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="acg-image-map">
  <div class="acg-wrap">
    <div class="acg-section-head">
      <span class="acg-section-kicker">Interactive Engineering</span>
      <h2>اجزای اصلی سی هوک</h2>
      <p>نمایش اجزای کلیدی سی هوک برای درک بهتر ساختار مهندسی و تجهیزات اصلی.</p>
    </div>

    <div class="acg-map-box">
      <img src="<?php echo zw_asset('images/home/coilhook-map.png'); ?>" alt="اجزای اصلی سی هوک شامل موتور گیربکس درام قلاب تابلو برق کالسکه ترمز و سیم بکسل" width="1600" height="900" loading="lazy" decoding="async">

      <button class="acg-map-point" style="right:18%;top:36%"><span>موتور</span></button>
      <button class="acg-map-point" style="right:31%;top:41%"><span>گیربکس</span></button>
      <button class="acg-map-point" style="right:48%;top:38%"><span>درام</span></button>
      <button class="acg-map-point" style="right:61%;top:72%"><span>قلاب</span></button>
      <button class="acg-map-point" style="right:74%;top:30%"><span>تابلو برق</span></button>
      <button class="acg-map-point" style="right:44%;top:65%"><span>کالسکه</span></button>
      <button class="acg-map-point" style="right:25%;top:58%"><span>ترمز</span></button>
      <button class="acg-map-point" style="right:56%;top:55%"><span>سیم بکسل</span></button>
    </div>
  </div>
</section>

<section class="acg-brands">
  <div class="acg-wrap">
    <div class="acg-section-head">
      <span class="acg-section-kicker">Brands</span>
      <h2>برند تجهیزات و قطعات مصرفی</h2>
    </div>

    <div class="acg-brand-marquee">
      <div class="acg-brand-track">
        <?php for ($i=0; $i<2; $i++): ?>
          <?php foreach ($brands as $brand): ?>
            <span class="acg-brand-logo">
              <img src="<?php echo zw_asset('images/brands/' . $brand['logo']); ?>" alt="لوگوی برند <?php echo zw_e($brand['name']); ?>" loading="lazy" decoding="async">
              <em><?php echo zw_e($brand['name']); ?></em>
            </span>
          <?php endforeach; ?>
        <?php endfor; ?>
      </div>
    </div>
  </div>
</section>

<section class="acg-clients">
  <div class="acg-wrap">
    <div class="acg-section-head">
      <span class="acg-section-kicker">Industrial Clients</span>
      <h2>مشتریان و پروژه‌های صنعتی</h2>
      <p>اعتماد صنایع بزرگ، نتیجه طراحی مهندسی، کیفیت ساخت و پشتیبانی فنی پایدار است.</p>
    </div>
  </div>

  <div class="acg-clients-marquee" aria-label="کاروسل لوگوی مشتریان">
    <div class="acg-clients-track">
      <?php
        $clients_dir = __DIR__ . '/assets/images/clients';
        $clients_url = zw_asset('images/clients');
        $client_files = [];

        if (is_dir($clients_dir)) {
          $client_files = glob($clients_dir . '/*.{png,jpg,jpeg,webp,svg}', GLOB_BRACE);
        }

        $client_files = array_values($client_files);
        $client_loop = array_merge($client_files, $client_files);

        foreach ($client_loop as $file):
          $name = basename($file);
          $alt = pathinfo($name, PATHINFO_FILENAME);
      ?>
        <div class="acg-client-logo">
          <img src="<?php echo zw_e($clients_url . '/' . $name); ?>" alt="لوگوی مشتری صنعتی <?php echo zw_e($alt); ?>" loading="lazy" decoding="async">
        </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="acg-services">
  <div class="acg-wrap">
    <div class="acg-section-head">
      <span class="acg-section-kicker">Services</span>
      <h2>خدمات تخصصی ACG</h2>
    </div>

    <div class="acg-services-grid">
      <?php foreach ($services as $service): ?>
      <article class="acg-service-card">
        <div class="acg-service-card__icon"><?php echo zw_e($service['icon']); ?></div>
        <h3><?php echo zw_e($service['title']); ?></h3>
        <p><?php echo zw_e($service['text']); ?></p>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="acg-projects">
  <div class="acg-wrap">
    <div class="acg-section-head acg-section-head--dark">
      <span class="acg-section-kicker">Projects</span>
      <h2>فرآیند ساخت، تست و اجرای پروژه‌ها</h2>
      <p>تصاویر واقعی کارخانه و پروژه‌ها در این بخش جایگزین می‌شوند.</p>
    </div>

    <div class="acg-project-grid">
      <?php foreach ($projects as $project): ?>
      <article class="acg-project-card">
        <img src="<?php echo zw_e($project['img']); ?>" alt="<?php echo zw_e($project['title']); ?> سی هوک صنعتی ACG" width="900" height="700" loading="lazy" decoding="async">
        <div><h3><?php echo zw_e($project['title']); ?></h3></div>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="acg-faq" id="faq">
  <div class="acg-wrap">
    <div class="acg-section-head">
      <span class="acg-section-kicker">FAQ</span>
      <h2>پرسش‌های متداول سی هوک</h2>
    </div>

    <div class="acg-faq-list">
      <?php foreach ($faqs as $i => $faq): ?>
      <article class="acg-faq-item">
        <button class="acg-faq-question" type="button" aria-expanded="<?php echo $i === 0 ? 'true' : 'false'; ?>">
          <span><?php echo zw_e($faq['q']); ?></span>
          <i></i>
        </button>
        <div class="acg-faq-answer" <?php echo $i === 0 ? '' : 'hidden'; ?>>
          <p><?php echo zw_e($faq['a']); ?></p>
        </div>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<section class="acg-contact">
  <div class="acg-wrap">
    <div class="acg-contact-card">
      <div class="acg-contact-info">
        <span class="acg-section-kicker">مشاوره تخصصی</span>
        <h2>دریافت مشاوره تخصصی سی هوک</h2>
        <p>برای انتخاب ظرفیت، کلاس کاری، طراحی سفارشی یا دریافت استعلام قیمت با تیم فنی ACG در ارتباط باشید.</p>
        <img src="<?php echo zw_asset('images/home/contact-engineer.png'); ?>" alt="مشاوره تخصصی مهندسی سی هوک ACG" width="1000" height="800" loading="lazy" decoding="async">
      </div>

      <form class="acg-contact-form" method="post" action="<?php echo zw_path('submit-form.php'); ?>">
        <input type="hidden" name="form_key" value="home_consultation">
        <label>نام و نام خانوادگی<input type="text" name="name" required></label>
        <label>نام شرکت<input type="text" name="company"></label>
        <label>شماره تماس<input type="tel" name="phone" required></label>
        <label>ظرفیت مورد نیاز<input type="text" name="capacity"></label>
        <label class="full">توضیحات پروژه<textarea name="message" rows="5"></textarea></label>
        <button class="acg-btn acg-btn--primary full" type="submit">ارسال درخواست</button>
      </form>
    </div>
  </div>
</section>

</main>

<?php require __DIR__ . '/components/footer.php'; ?>